<template>
	<div @click="ToLoginPage" class="guide">
		<swiper :options="swiperOption">
			<swiper-slide>
				<img src="../assets/images/mo1.jpg" alt="">
			</swiper-slide>
			<swiper-slide>
				<img src="../assets/images/mo2.jpg" alt="">
			</swiper-slide>
			<swiper-slide>
				<img src="../assets/images/mo3.jpg" alt="">
			</swiper-slide>
			<!-- <div class="swiper-pagination"  slot="pagination"></div> -->
		</swiper>
	</div>
</template>
<script>
	export default {
		name:'guide',
		data(){
			return{
				swiperOption:{
					pagination:{
						el:".swiper-pagination",
						clickable:true
					},
					autoplay:{
						delay:3000,
						stopOnLastSlide: true,
					}
				}
			}
		},
		methods:{
			ToLoginPage(){
				this.$router.push('/loginRegister')
			}
		}
	}
</script>
<style scoped >
.guide{
	width: 100%;
	height: 100%;
}

.guide .swiper-slide img{
	width: 100%;
}
</style>